
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="img/favicon.ico">

    <title>OwlH Master</title>

    <!-- Bootstrap core CSS -->
    <link href="css/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- fontawesome -->
    <link rel="stylesheet" href="css/fontawesome/css/all.css">

    <!-- Custom styles for this template -->
    <link href="css/offcanvas.css" rel="stylesheet">
  </head>

  <body class="bg-light">

    <nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
        <img class="mr-3" src="img/owlhblack.png" alt="" height="30"><a class="navbar-brand mr-auto mr-lg-0"
            href="nodes.html"><small>Master </small><i id="menu-title" class="text-warning"></i> | </a>
        <!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
            aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button> -->
    
    
        <div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="nodes.html">Nodes</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="groups.html">Groups</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="rulesets.html">Open Rules</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="response.html">Adapt & Response</a>
                </li>
                <!-- <li class="nav-item">
                    <a class="nav-link" href="kibana.html">Kibana</a>
                </li> -->
                <li class="nav-item">
                    <a class="nav-link" href="master.html">Master</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="config.html">Config</a>
                </li>
            </ul>
            <p id="current-version-text" class="text-justify text-white">v:</p><p class="text-justify text-white mr-4" id="current-version-show"></p>
        </div>
    </nav>


    <main role="main" class="container">

        <!--Alert-->
        <div id="floating-alert" style="top: 5px;">
        </div>

        <div class="d-flex align-items-center p-3 my-3 text-white-50 bg-low-blue rounded shadow-sm">
            <img class="mr-3" src="img/owlhblack.png" alt="" height="48">
            <div class="lh-100">
                <h3 class="mb-0 text-white lh-100" id="node-config-title">Tail lines</h3>
            </div>
        </div>

        <!-- ProgressBar -->            
        <div id="progressBar-options-div" class="progress" style="display:none;">
            <div id="progressBar-options" class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="100" aria-valuemin="100" aria-valuemax="100" style="width: 100%"> &nbsp </div>
        </div>
        <br>
        
        <!-- Modal -->
        <div class="modal fade" id="modal-window">
        </div>

        <!-- content -->
        <table style="width: 100%;">
            <tr><td height="20"></td></tr>
            <tr>
                <td class="text-right" id="upper-buttons-file">
                    <!-- <button type="button" class="btn btn-secondary" onclick="closeCurrentFile()">Close</button> -->
                </td>
            </tr>
            <tr><td height="20"></td></tr>
            <tr style="width: 100%; height: 500px">
                <td>
                    <textarea id="inputTextTailLines" class="form-control" style="width: 100%; height: 650px"></textarea>
                </td>
            </tr>
            <tr><td height="20"></td></tr>
            <tr>
                <td class="text-right" id="lower-buttons-file">
                    <!-- <button type="button" class="btn btn-secondary" onclick="closeCurrentFile()">Close</button>
                    <input type="hidden" id="file-hidden-text"></input> -->
                </td>
            </tr>
            <tr><td height="20"></td></tr>
        </table>
        
        <!-- Footer -->
        <div id="footer"></div>

        <!-- Load master ip/port and values -->
        <div id="load-json-data" style="display: none;">
            <input id="ip-master" type="text" class="form-control">
            <input id="port-master" type="text" class="form-control">
        </div>
    </main>


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/axios/dist/axios.js"></script> 
    <script src="js/jquery-3.4.1.js"></script>
    <script src="css/dist/js/bootstrap.min.js"></script>
    <script src="css/chart/chart.js"></script>
    <script src="js/offcanvas.js"></script>
    <!-- <script src="js/node/dataflow.js"></script> -->
    <script src="js/node/load-content.js"></script>
    <script src="js/loadTitle.js"></script>
    <script src="js/footer.js"></script>
  </body>
</html>

